<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>数据拉取API的监控详情</title>

    <style>
        table{
            width: 100%;
            border-collapse: collapse;
            table-layout:fixed;
            word-wrap:break-word;

        }

        table caption{
            font-size: 2em;
            font-weight: bold;
            margin: 1em 0;
        }

        th,td{
            border: 1px solid #999;
            text-align: center;
            padding: 10px 10px;
        }

        table thead tr{
            background-color: #409eff;
            color: #fff;
        }

        table tbody tr:nth-child(odd){
            background-color: #eee;
        }

        table tbody tr:hover{
            background-color: #ccc;
        }


        table tfoot tr td{
            text-align: right;
            padding-right: 20px;
        }

    </style>
</head>

<body>
    <h1 th:text="24小时内数据拉取API的执行情况"></h1> 
    <p>重点注意: 24小时内无成功拉取的API(已标红)</p>
    <table>
        <thead>
            <tr>
                <th style="width: 20%;">API CODE</th>
                <th>请求成功次数</th>
                <th>拉取数据量</th>
                <th>拉取总耗时(s)</th>
                <th>最新拉取的开始时间</th>
                <th>最新拉取的结束时间</th>
                <th>请求失败次数</th>                
            </tr>
        </thead>
        <tbody>
            <!-- 使用 th:each 循环遍历 success 中的每个数据，并动态生成多行数据 -->
            <tr th:each="success : ${successList}">
                <td th:text="${success.apiCode}" th:style="${success.requestSuccessCount} == 0 ? 'color: red; text-align: left;' : 'text-align: left;'"></td>
                <td th:text="${success.requestSuccessCount}" th:style="${success.requestSuccessCount} == 0 ? 'color: red; text-align: right;' : 'text-align: right;'"></td>
                <td th:text="${success.dataVolume}" style="text-align: right;"></td>
                <td th:text="${success.consumeTime}" style="text-align: right;"></td>
                <td th:text="${success.lastStartTime}" style="text-align: right;"></td>
                <td th:text="${success.lastEndTime}" style="text-align: right;"></td>
                <td th:text="${success.requestFailCount}" style="text-align: right;"></td>
            </tr>
        </tbody>
    </table>
    <h1 th:text="24小时内无数据拉取的API"></h1>
    <table>
        <thead>
            <tr>
                <th>API CODE</th>              
            </tr>
        </thead>
        <tbody>
            <tr th:each="noRequest : ${noRequestList}">
                <td th:text="${noRequest.apiCode}" style="text-align: left;"></td>
            </tr>
        </tbody>
    </table>
    <p>此邮件由系统自动发送，无需回复</p>
</body>
</html>